<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello, world!</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="all.css">
  </head>
  <body>
    <div class="container-fluid" style="padding:0;">
      <header class="header">
        <div class="row justify-content-between">
        <div class="col-2" style="padding-left:0;">
          <a class="header_logo"></a>
        </div>
        <div class="col-auto">
        </div>
        <div class="col-2 col-sm-8">
          <ul class="nav justify-content-end max_menu_div">
            <li class="nav-item">
              <a class="nav-link " href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="product.html">Product</a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" href="contactus.html">Contact Us</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="login.html"><img src="images/header_icon_login.png" style="width:1rem;margin-right:0.5rem;">Login</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="register.html"><img src="images/header_icon_login.png" style="width:1rem;margin-right:0.5rem;">Register</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                English
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#"><span class="lang_zh"></span>中文(简体)</a>
                <a class="dropdown-item" href="#"><span class="lang_en"></span>English</a>
                <div class="dropdown-divider"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="dropdown min_menu_div">
        <a class="nav-link dropdown-toggle" style="text-align:right;" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Menu
        </a>
        <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdown2">
          <a class="dropdown-item " href="index.html">Home<span style="float:right;">&gt;</span></a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="product.html">Product<span style="float:right;">&gt;</span></a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item active" href="contactus.html">Contact Us<span style="float:right;">&gt;</span></a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Login / Register<span style="float:right;">&gt;</span></a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">English 中文(简体)</a>
        </div>
      </div>

      </header>

    <div class="banner">
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

    </div>


    <div class="companyprofile">
      <h3>Company Profile</h3>
      <div class="h3line"></div>
      <div class="companyprofile_content">
        IF COMMUNICATION is an interactive company that connects the global community with automated intelligence. Our business includes TokenMan intelligent robot,global blockchain brand service.Along with the growth of the blockchain industry,we have worked closely with the global community members to help community managers and business companies to move quickly towards intelligent times.
      </div>
      <img src="images/us_img.png" style="width:100%;margin:0 1.5rem;"/>
      <div class="companyprofile_content">
        TokenMan is a intelligent robot based on social platform,it has fall backing of the team which has more 10 years experience in technology and product and blockchain industry quality resource.At present, we are working with many project teams around the world to develop and manage the international community through TokenMan, to from a closer collaborative work environment.
      </div>
    </div>


  <div class="contactus">
    <h3>contact us</h3>
    <div class="h3line"></div>
    Mail:business@if1989.com<br/>
    Add：Urwork，Floors，NO.C3,JiuxianqiaoRoad，Chaoyang District,Beijing


  </div>
      <div class="m_footer" style="background:#040d17;height:17.15rem;font-size:0.8rem;color:#ffffff;">
        <div style="text-align:center;padding-top:2.1rem;">
          <img src="images/footerflay.png" style="width:1rem;margin-right:1.2rem;"/>
          <img src="images/footertwt.png" style="width:1rem;margin-right:1.2rem;"/>
          <img src="images/footerfb.png" style="width:0.5rem;margin-right:1.2rem;"/>
          <img src="images/footerwx.png" style="width:1.1rem;"/>
        </div>
        <div class="text-center" style="padding-top: 2.1rem;">
            <span><img src="images/footermail.png" style="height:0.6rem;display: inline-block;margin-bottom: 0.2rem;margin-right:0.1rem;"/> E-mail:business@if1989.com</span>
            <br class="footer_br"/>
            <span style="padding-left:2rem;"><img src="images/footeradd.png"  style="height:0.8rem;display: inline-block;margin-bottom: 0.2rem;margin-right:0.3rem;"/>Add：Urwork，Floors，NO.C3,JiuxianqiaoRoad，Chaoyang District,Beijing</span>
        </div>
        <div class="text-center privssrvice" style="padding-top: 1.2rem;">
          <span>@Privacy Policy</span>
          <span style="padding:0 2rem;">@Intellectual Property Rights Policy</span>
          <span>@Tems of service</span>
        </div>
        <div class="text-center" style="padding-top: 2rem;color:">
          <a style="margin-right:1rem;" href="index.html">Home</a> | <a style="margin:0 1rem;" href="product.html">Product</a> | <a style="margin-left:1rem" href="contactus.html">Contact Us</a>
        </div>
    </div>
  </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>
